<template>
  <div>
    <el-card class="box-card" style="background-color:white;margin-left:60px;margin-right:60px">
      <div>
        <div style="text-align:center">
          <h1>写信须知</h1>
        </div >
        <p style="font-size:18px">为广泛听取员工对改善企业管理、改进工作流程、提高工作绩效和质量，加强人才团队建设，加强企业文化建设等方面的意见和建议；听取员工对工作冲突，不良现象等问题及员工心声的反映；接受员工投诉等，特设立总经理信箱。</p>
        <p style="font-size:18px">PS：信箱用于反映员工意见、心声之用，不得借以对公司同仁、上司进行个人人身攻击、诬陷、报复等，一经查实对具有上述行为人员作严肃处理。（此信箱均默认为在线匿名投递，同时鼓励实名投递）</p>
      </div>
      <el-row>
        <el-col :span="6" :offset="6">
          <p>
            <el-button
              
              type="primary"
              class="buttonSet1 buttonFontSize"
              style="background-color:#529FCD; border-color:#529FCD;width:150px;"
              @click="toNewMail()"
            >我要写信</el-button>
          </p>
        </el-col>
        <el-col :span="6" :offset="4">
          <p>
            <el-button
              type="primary"
              class="buttonSet1 buttonFontSize"
              style="background-color:#F19D6F; border-color:#F19D6F;"
              @click="toMailList()"
            >查看信件列表</el-button>
          </p>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    this.initData();
  },
  methods: {
    initData() {
      if (this.$store.state.empId === "") {
        // 获取empId
        let url = window.location.href;
        let cs = url.split("?")[1];

        if (cs !== undefined) {
          let empId = cs.split("=")[1];
          if (empId !== undefined) {
            // 获取参数，传入state
            this.$store.state.empId = empId;
          } else {
            this.$message.error("未能正常获取参数，请关闭后重试。");
          }
        } else {
          this.$message.error("未能正常获取参数，请关闭后重试。");
        }
      }
    },
    toNewMail() {
      this.$router.push("/newMail");
    },
    toMailList() {
      this.$router.push("/mailList");
    },
  },
};
</script>

<style scoped>

#notice {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
